<!DOCTYPE html>
<html lang="ch">

	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
		<link rel="stylesheet" href="css/mui.min.css">
		<link rel="stylesheet" href="css/swiper.min.css">		
		<link rel="stylesheet" type="text/css" href="css/main.css" />
		<script src="js/swiper.min.js"></script>
		<script src="js/controlSetting.js" ></script>
		<script type="text/jscript" src="js/guzhangdeng.js"></script>
		<script charset="UTF-8" src="js/config.js"></script>
		<script charset="UTF-8" src="js/core.js"></script>
		<script charset="UTF-8" src="js/cipher-core.js"></script>
		<script charset="UTF-8" src="js/tripledes.js"></script>
		<script charset="UTF-8" src="js/mode-ecb.js"></script>
		<script src="js/jquery-1.8.3.min.js"></script>
		<script type="text/javascript" src="js/zepto.min.js"></script>
		<script type="text/javascript" src="js/spin.min.js"></script>
		<script type="text/javascript" src="js/template-web.js"></script>
		<script type="text/javascript" src="js/mapDetail.js"></script>
		<script src="js/mui.min.js"></script>
		<title></title>
		<style type="text/css">
			input{
			    -webkit-user-select: auto; 
			}
		</style>
	</head>

	<body>
		
		<div class="nav_con">
			<div style="width: 10%;height: 100%;float: left;" onclick="backPro()"><img class="nav_icon float_l" src="img/nav_icon_bar@2x.png"></div>
			<div style="width: 80%;height: 100%;float: left;">控制器设置</div>
			<div class="clear"></div>
		</div>
		<div class="cd_nr">
			<div class="control_set">
				<div class="controlLi">
					<div class="control_l">
						<p>开关控制</p>
					</div>
					<div class="control_r">
						<div id="mySwitch" style="margin-top: 14px;float: right;line-height: 20px;" class="mui-switch mui-switch-blue">
						  <div class="mui-switch-handle"></div>
						</div>
						<div class="clear"></div>
					</div>
				</div>
				<div class="controlAn">
					<div class="control_l">
						<p>光强等级</p>
					</div>
					<div class="control_r">
						<p id="oneLevel" onclick="chLight(this)" name="chLight" class="float_l control_light">一级光</p>
						<p id="twoLevel" onclick="chLight(this)" name="chLight" class="float_l control_light">二级光</p>
						<p id="threeLevel" onclick="chLight(this)" name="chLight" class="float_l control_light">三级光</p>
						<div class="clear"></div>
					</div>
				</div>
				<div class="controlLi">
					<div class="control_l">
						<p>闪光周期</p>
					</div>
					<div class="control_r">
						<div class="control_input_con">
							<input id="flashPeriod" class="control_input" >
						</div>
					</div>
				</div>
				<div class="controlLi">
					<div class="control_l">
						<p>闪光起始点</p>
					</div>
					<div class="control_r">
						<div class="control_input_con">
							<input id="startPoint" class="control_input" >
						</div>
					</div>
				</div>
				<div class="controlLi">
					<div class="control_l">
						<p>闪光持续时间</p>
					</div>
					<div class="control_r">
						<div class="control_input_con">
							<input id="flashDura" class="control_input" >
						</div>
						<div class="clear"></div>
					</div>
				</div>
				<div class="controlAn">
					<div class="control_l">
						<p>亮度调节</p>
					</div>
					<div class="control_r">
						<p onclick="chBrightness(this)" name="chBrightness" class="float_l control_light">一</p>
						<p onclick="chBrightness(this)" name="chBrightness" class="float_l control_light">二</p>
						<p onclick="chBrightness(this)" name="chBrightness" class="float_l control_light">三</p>
						<p onclick="chBrightness(this)" name="chBrightness" class="float_l control_light">四</p>
						<p onclick="chBrightness(this)" name="chBrightness" class="float_l control_light">五</p>
						<div class="clear"></div>
					</div>
				</div>
				<div class="controlLi">
					<div class="control_l">
						<p>光控灵敏度</p>
					</div>
					<div class="control_r">
						<div class="control_input_con">
							<input id="sen1" class="control_input" >
						</div>
						</div>
					</div>
                <div class="controlLi">
                    <div class="control_l"></div>
                    <div class="control_r">
                        <div class="control_input_con">
                            <input id="sen2" class="control_input" >
                        </div>
                    </div>
                </div>
                <div class="controlLi">
                    <div class="control_l"></div>
                    <div class="control_r">
                        <div class="control_input_con">
                            <input id="sen3" class="control_input">
                        </div>
                    </div>
                </div>
                <div class="controlLi">
                    <div class="control_l"></div>
                    <div class="control_r">
                        <div class="control_input_con">
                            <input id="sen4" class="control_input">
                        </div>
                    </div>
                </div>
				</div>
			</div>
			<div onclick="controllerSetting()" style="margin: 10px 40px 20px 40px;" class="but_tong">
				保存
			</div>
		</div>
		<script type="text/javascript">
			
			document.getElementById("mySwitch").addEventListener("toggle",function(event){
				if(event.detail.isActive){
					switchControl = 1
					//console.log("你启动了开关");
				}else{
					switchControl = 0
					//console.log("你关闭了开关");  
				}
			})
		</script>
	</body>

</html>